<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
     <script>
        // 数组

        // ES5的方法中是要挨个赋值 
        // ES6的方法中
        // 注意位置
        var arr = ["孙悟空","猪八戒","沙僧","唐僧"]
        var a = arr[0]
        var b = arr[1]
        var c = arr[2]
        var d = arr[3]
        var [a,b,c,d]=arr
        console.log(a,b,c,d);


        // 对象
        // ES5的方法中每个属性都要挨个赋值  太麻烦
        // ES6的方法中直接用{}赋值就行 省时
        // 属性名是统一的 开始是什么结尾就是什么 顺序可以随意更改

        var obj= {uname:"张三",age:21,nax:"男"}
        var uname = obj.uname 
        var age = obj.age
        var nax =obj.nax
        var {uname,age,nax} =obj
        console.log(obj);

        // 对象多层结构

        var obj = {
            uname:"张三",
            age:21,
            shcool:{
                name:"积云教育",
                address:"海淀"
            }
        }
        // 如果要调用shcool就要重新嵌入一个，因为shcool解构了
      let {uname,age,shcool:{name,address}}=obj
      console.log(uname,age,name,address);
     </script>
</body>
</html>